<template>
    <div class="carInfo">
        <div class="content" v-for="car in carInfo" :key="car.carId">
            <van-row align="center">
                <van-col span="7">{{car.carName}}</van-col>
                <van-col span="16"><span style="float:left;">{{car.carName}}</span><span style="float:left;margin-left:5px;">{{car.carNumber}}</span></van-col>
                <van-col span="1">
                    <!-- <span style="color:darkred;">选择车辆</span> -->
                    <van-icon  name="arrow" />
                </van-col>
            </van-row>
            <van-row align="center" justify="space-between">
                <van-col span="8">购车时间：</van-col>
                <van-col span="16">{{car.carCreateTime}}</van-col>
                <!-- <van-col span="6"></van-col> -->
            </van-row>
            <van-row align="center" justify="space-between">
                <van-col span="8">公里数据：</van-col>
                <van-col span="16">5000KM</van-col>
                <!-- <van-col span="6"></van-col> -->
            </van-row>
            <van-row  justify="space-between">
                <van-col span="8">注册时间：</van-col>
                <van-col span="16">{{car.carUpTime}}</van-col>
                <!-- <van-col span="6"></van-col> -->
            </van-row>
            <!-- <van-row align="center" justify="space-between"> -->
                <!-- <van-col span="8">保养间隔时间：</van-col> -->
                <!-- <van-col span="6">12个月</van-col> -->
                <!-- <van-col span="6"></van-col> -->
            <!-- </van-row> -->
        </div>
    </div>
</template>
<script>
export default {
    props:{
        carInfo:Array
    },
    setup(props) {
    },
}
</script>
<style lang="scss" scoped>
.carInfo{
    background: #F1F5F8;
    .content{
        background: #FFFFFF;
        border-radius: 10px; 
        margin:15px;  
        padding:0 15px 10px;
        .van-row:not(:last-child){
            border-bottom:1px solid #E5EBEF;
        }
        .van-row{
            margin-bottom: 5px;
            // padding:0 15px;
            .van-col:nth-of-type(1){
                font-size: 15px;
                font-family: PingFang SC;
                font-weight: 400;
                color: #49596D;
                line-height: 40px;
                text-align: left;
            }
            .van-col:nth-of-type(2){
                font-size: 15px;
                font-family: PingFang SC;
                font-weight: 500;
                color: #101D34;
                line-height: 40px;
            }
        } 
        
    }
    
}
</style>